@media screen and (max-width:1199px){
	#nav-bar > ul > li > a{
		padding:15px 21px;
	}
	.ct_product{ height:auto;}
	.ul_tieudiem li > h4.title,
	.ul_tieudiem li > .lead{ height:auto;}
	
}
@media screen and (max-width: 991px){
	#nav-bar > ul > li > a{ padding:15px 9px;}
	.pboth{ padding-left:30px; padding-right:30px;}	
	.hotline{ display:none;}
	.ul_product > li .lead{font-size:16px;}
	.div_tienich .ul_product > li .thumb{width:140px;}
	
	.mail_building h3.title a,
	.tieudiem .title a,
	.tieudiem .bar a{font-size:16px;}
	
	.mail_building .lead,
	.tieudiem .lead,
	.ul_other > li a,
	.text_p,
	.frm_contact{font-size:14px;}
	
	.hot_project,
	.social_connect{ text-align:left; margin-top:20px;}
	.tieudiem{ margin-bottom:20px;}
	
	.ul_tieudiem > li{width:32%;}
}
@media screen and (max-width: 767px){
	#header-web{ display:none;}
	.navbar-toggle{margin:20px 15px;}
	.logo_png{margin:10px 0 0 15px; float:left;}
	.logo_png > img{height:53px;}
	.navbar-nav > li > a{ font-size:16px;}
	.navbar-default .navbar-nav > .active > a, 
	.navbar-default .navbar-nav > .active > a:hover, 
	.navbar-default .navbar-nav > .active > a:focus{ color:#fff;}
	
	#nav-bar > .nav > li {
		display: block;
		position: relative;
	}
	#nav-bar > ul{width:auto; height:auto;}	
	.left-col,.right-col{ float:left;width:100%;}	
	.ul_tieudiem > li{width:49.5%;}
	
	#breadcrumb{ height:auto; min-height:48px}
	.link_breadcrumb,
	.ul_tieudiem li > .lead,
	.ul_tieudiem li > .chitiet a,
	.left_boxes > ul > li > a{font-size:14px;}
	
	.ul_panigation > li > a, .ul_panigation > li > span{ padding:0px 10px; margin-left:5px;}
	
	.right-col > h3.bar{ height:auto; overflow:hidden; display:block;}
	.right-col > h3.bar a{height:auto;}
	.info_top{ display:block; margin-top:5px; float:left; width:100%;}
}
@media screen and (max-width:479px){
	.ul_tieudiem > li{width:98%;}
	.left-col{padding-top:10px;}
	.avatar,
	.row_left{ display:none;}
	.inputCmt{width:100%; height:120px;}
	.inputCmt > textarea{ min-height:110px;}
}
@media screen and (max-width:320px){	
	.info_top{ line-height:20px; padding:10px 0;}
	
	
	/*#breadcrumb{ padding-bottom:10px;}
	.link_breadcrumb,#breadcrumb .link_breadcrumb:last-child{ background:#f5f5f5; border-radius:2px; padding:6px 6px; margin-right:5px; line-height:26px; margin-top:10px; border:1px solid #eee; }
	
	.link_breadcrumb { position: relative; } 
	.link_breadcrumb:after, .arrow_box:before {left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 
	.link_breadcrumb:after {border-color: rgba(136, 183, 213, 0); border-left-color: #f5f5f5; border-width: 13px; margin-top: -13px; } 
	.link_breadcrumb:before {border-color: rgba(194, 225, 245, 0); border-left-color: #f5f5f5; border-width: 13px; margin-top: -13px; }*/
}